.atwho-view {
    position:absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    border: 1px solid var(--secondary);
    border-radius: 0.42rem;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 120px;
    max-height: 200px;
    overflow: auto;
    z-index: 11110 !important;
}
.dark-mode .atwho-view {
    background: var(--dark-mode-dark);
    border-color: var(--dark-mode-lighter-dark);
	box-shadow: 0 0 30px rgb(0 0 0 / 50%);	
}

.atwho-view .cur {
    background: var(--primary);
    color: white;
}
.dark-mode .atwho-view .cur {
    background: var(--dark-mode-light-primary);
    color: var(--primary);
}
.atwho-view .cur small {
    color: var(--light-gray);
}
.dark-mode .atwho-view .cur small {
    color: rgb(42, 123, 206);
}
.atwho-view strong {
    color: var(--primary);
}
.atwho-view .cur strong {
    color: white;
    font:bold;
}
.dark-mode .atwho-view .cur strong {
    color: var(--primary);
}
.atwho-view ul {
    /* width: 100px; */
    list-style:none;
    padding:0;
    margin:auto;
}
.atwho-view ul li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid var(--light-gray);
    cursor: pointer;
}
.dark-mode .atwho-view ul li {
    border-bottom-color: var(--dark-mode-lighter-dark);
	color: var(--dark-mode-light-gray);
}
.atwho-view ul li:last-child {
	border-bottom: 0;
}
.atwho-view small {
    font-size: smaller;
    color: var(--gray);
    font-weight: normal;
}
.dark-mode .atwho-view small {
    color: var(--dark-mode-gray);
}
